<template>
	<scroll-view class="tab bgw pd30" scroll-y="true">
		<view class="prescriptionItem" v-for="i in 10" @click="goMyprescription(i)">
			<view class="leftInfo">
				<view class="name">章鱼 女 34岁 <text>2021-05-18 13:29</text></view>
				<view class="illness">颈椎疼痛颈椎疼痛颈痛颈椎疼痛颈椎疼痛颈椎疼痛颈痛颈椎疼痛</view>
			</view>
			<uni-icons type="right" size="16"></uni-icons>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		name: "tab11",
		data() {
			return {

			};
		},
		mounted() {
			console.log(1111)
		},
		methods: {
			goMyprescription(i) {
				uni.navigateTo({
					url: '../myPrescription/myPrescription'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tab {
		height: 100%;
		
		padding-bottom: 30upx;
		.prescriptionItem {
			height: 170upx;
			border-bottom: 2upx solid #E5E5E5;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.leftInfo {
				width: 70%;
				height: 100%;
				display: flex;
				justify-content: center;
				flex-direction: column;
				.name {
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					margin-bottom: 16upx;
					text {
						font-size: 24upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #9F9F9F;
						margin-left: 20upx;
					}
				}

				.illness {
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #7B7B7B;
				}
			}
		}
	}
</style>
